<%-- 
    Document   : index
    Created on : 14/11/2013, 06:12:20 AM
    Author     : Edgar Augusto A
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<link rel="shortcut icon" href="images/icono2.ico" type="image/x-icon">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Expires" content="0" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Universidad del Valle Sede Zarzal</title>
<meta name="Description" content="FCT01 by SymiSun* is an open source XHTML 1.0 and CSS valid template, released under the creative commons license." />
<meta name="Keywords" content="symisun, symisun*, free css template, valid xhtml template, open source template, free xhtml template, ftc01, symisun 01" />
<link rel="stylesheet" media="screen" href="style.css" />
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" /><!-- custom favicon -->
<meta name="Author" content="SymiSun* - symisun.com" />
<meta name="Robots" content="index,follow" />
<meta http-equiv="imagetoolbar" content="no" /><!-- disable IE's image toolbar -->
<link rel="stylesheet" href="css/style.css">
<script type="text/javascript">
{
if(history.forward(1))
location.replace(history.forward(1))
}
</script>
</head>

<body>
<div id="daddy">
	<div id="header">
            <div id="logo"><a href="./"><img src="images/idx-logouv.gif" alt="Universidad del Valle Sede Zarzal"  /></a><span id="logo-text"><a href="./"></a></span></div><!-- logo -->
<div id="menu">
   <nav>
      <ul class="nav">
        <li class="active"><a href="index.jsp" class="nav-icon" title="Home"><span class="icon-home">Home</span></a></li>
        <li><a href="index.html" title="Products">producto</a></li>
        <li><a href="index.html" title="Support">soporte</a></li>
        <li><a href="index.html" title="Training">algo</a></li>
        <li><a href="index.html" title="About">acerca</a></li>
        <li><a href="index.html" title="Blog">Blog</a></li>
        <li><a href="index.html" title="Contact">Contacto</a></li>
      </ul>
    </nav>
		</div><!-- menu -->
		<div id="ticker">
		<div style="width: 200px;position: absolute">Zarzal Valle del Cauca - Colombia</div>
                    <div style="width:auto;position: inherit;text-align: right;text-decoration: none"><a href="http://www.univalle.edu.co/busquedas.html"><img src="img/busca.png">Buscar</a>&nbsp;|&nbsp;<a href="http://www.univalle.edu.co/directorio/"><img src="img/directorio.png">Directorio</a>&nbsp;|&nbsp;<a href="http://biblioteca.univalle.edu.co/"><img src="img/bibliotecauno.png">Biblioteca</a></div>

		</div><!-- ticker -->
		<div id="headerimage">
			<!--<div id="download"><span id="download-text"><a href="http://www.symisun.com/index.php?dl_id=1">download this amazing<br />CSS template for FREE!</a></span></div>-->
			<div id="icons">
				<a href="./" ><img src="images/icon_home.gif" alt="Home" width="13" height="13" id="home" /></a>
				<a href="./"><img src="images/icon_sitemap.gif" alt="Sitemap" width="13" height="13" id="sitemap" /></a>
				<a href="./"><img src="images/icon_contact.gif" alt="Contact" width="13" height="13" id="contact" /></a>			</div><!-- icons -->
			<div id="slogan">your slogan could go here</div>
		</div>
		<!-- headerimage -->
	</div>
	<!-- header -->
	<div id="content">
		<div id="cA">
			<!--<div class="Ctopleft"></div>-->
			<!--<h3>SEARCH</h3>-->
                        <div id="search" style="margin-top: 35px;">
				<!--<input type="text" class="search" /><input type="submit" class="submit" value="Submit" />-->
			</div><!-- search -->
                        <form action="ingreso" class="login" method="get">
                    <h1>Iniciar Sesi&oacute;n</h1>
                
                <input type="number" name="usuario" class="login-input" placeholder="Usuario" autofocus>
                <input type="password" name="password" class="login-input" placeholder="Contrase&ntilde;a">
                <input type="submit" value="Ingresar" class="login-submit">
                <!--<p class="login-help"><a href="index.html">Forgot password?</a></p>-->
                
                </form>
                        <div id="search">
                            <p style="font-size: 10px; text-align: center">Para poder utilizar este sistema aseg&uacute;rese de que los historiales del navegador est&eacute;n activos</p>
			</div><!-- search -->
                </div><!-- cA -->
                
		<div id="cB">
			<!--<div class="Ctopright"></div>-->
			<div id="cB1">
				<h3>ABOUT SYMISUN* &amp; TERMS OF USE</h3>
				<div class="news">
					<p>SymiSun* is a newly formed company offering various internet solutions. To celebrate the launch of our website, we decided to give away this commercial CSS template, normally worth over $300, for FREE. </p>
				</div>
				<div class="news">
					<p>We aim to show our appreciation to the web community with this move and at the same time spread the word of our existence. </p>
				</div>
				<div class="news">
					<p>You may use this template freely either for personal or commercial projects, but we require that you keep the 3 words with the link at the bottom of the template saying Designed by SymiSun*. </p>
				</div>
				<div class="news">
					<p>Feel free to modify the template to suit your needs, and even sell it to 3rd parties, but remember that you have to keep our copyright. Fair enough, OK? </p>
				</div>
				<div class="news">
					<p>Should you be interested in acquiring the PSD of this template, contact us. </p>
				</div>
			</div><!-- cB1 -->
			<div id="cB2">
				<h3>TEMPLATE FEATURES</h3>
				<div class="about">
					<ul>
						<li>100% height, no matter how long the content goes</li>
						<li>Compatible with screen resolution of 1024x768 and higher</li>
						<li>A simple yet impressive and totally brandable template</li>
						<li>Tested to work faultlessly in IE 6, IE 7, FireFox 2 and Opera 9.1</li>
						<li>Lightweight code of under 14KB and images under 48KB, a total of under 62KB</li>
						<li>Unique icons that we have designed especially for this template</li>
						<li>A free sample logo for anyone to use and edit according to needs</li>
						<li>A PSD available for sale with all graphics in layers for even easier editing</li>
					</ul>
				</div>
				<div id="newsletter"><span id="newsletter-title"><a href="http://www.symisun.com/newsletter/en">Newsletter</a></span> <p id="newsletter-text"><a href="http://www.symisun.com/newsletter/en">Click here to register for SymiSun's monthly newsletter</a></p></div><!-- newsletter -->
			</div><!-- cB2 -->
		</div><!-- cB -->
		<div class="Cpad">
			<br class="clear" />
                        <!--<div class="Cbottomleft"></div>-->
                        <!--<div class="Cbottom"></div>-->
                        <!--<div class="Cbottomright"></div>-->
		</div><!-- Cpad -->
	</div><!-- content -->
	<div id="properspace"></div><!-- properspace -->
</div><!-- daddy -->
<div id="footer">
	<div id="foot">
		<div id="foot1"><a href="./">Privacy Policy</a> - <a href="./">Terms Of Use</a></div><!-- foot1 -->
		<div id="foot2">
			<span class="valid">Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> + <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a></span>Copyright 2007, Your Company. Designed by <a href="http://www.symisun.com/" title="We digitalize your ambitions">SymiSun<span class="star">*</span></a>
		</div><!-- foot1 -->
	</div><!-- foot -->
</div><!-- footer -->
</body>
</html>
